<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>漫芽儿 - 国漫资讯 - 中国专业动漫推荐平台和交流社区</title>
  <meta name="keywords" content="国漫资讯,中国动漫,国漫推荐" />
  <meta name="description" content="漫芽儿是专业的国漫推荐平台和交流社区，网站聚集大量国漫精彩资讯，国漫人物分析介绍以及相关剧情内容的快速阅读。漫芽儿致力于推动中国动漫产品的快速发展，为观众推荐更优质的国漫内容。" />
  <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
  <link rel="stylesheet" href="css/global.css">
  <link rel="stylesheet" href="css/mobile.css">
  <link rel="stylesheet" href="css/iconfont.css">
</head>

<body>
  <header class="fixed">
    <a href="javascript:history.go(-1);" class="back-btn"><i class="iconfont icon-arrow-l"></i></a>
    <h2>剧集详情</h2>
    <a href="" class="search">
      <i class="iconfont icon-sousuo"></i>
    </a>
  </header>
  <div class="content pt15 pb60">
    <div class="card bgf set-con">
      <h2>第一集 罗天大礁</h2>
      <div class="takeaway">
        张楚岚在爷爷的教导下成为异人，表面上是普通的大学生，其实拥有超能力，自小修习天师府的金光咒和阳五雷，时刻谨记爷爷的教导，轻易不会在外人面前施展异能。           
      </div>
      <div class="text-con">
        <p><img src="img/newsimg1.png" alt=""></p>
        <p>老天师决定让非自己门下的张楚岚继承天师之位，这一举动使得其他的十佬大为不满并提出在罗天大醮举办选拔会来选出继承者，陆瑾虽然看不上十佬别有所图的建议但还是拿出了通天箓作为大赛的奖励。选拔会胜者不仅可以成为天师的继承者，还会得到八大秘术之一的通天箓，世界各地的异人纷纷出发前往罗天大醮参加比试。</p>
        <p><img src="img/newsimg2.png" alt=""></p>
        <p>老天师决定让非自己门下的张楚岚继承天师之位，这一举动使得其他的十佬大为不满并提出在罗天大醮举办选拔会来选出继承者，陆瑾虽然看不上十佬别有所图的建议但还是拿出了通天箓作为大赛的奖励。选拔会胜者不仅可以成为天师的继承者，还会得到八大秘术之一的通天箓，世界各地的异人纷纷出发前往罗天大醮参加比试。</p>
      </div>
    </div>
  </div>
  <div class="footbar clearfix">
    <a href="javacript:;" class="fl"><i class="iconfont icon-arrow-l"></i>上一集</a>
    <a href="javacript:;" class="fl">下一集<i class="iconfont icon-arrow-r"></i></a>
    <a href="javacript:;" class="fl set-btn"><i class="iconfont icon-caidan"></i>选集</a>
  </div>
  <div class="m-dalog">
    <div class="set-box clearfix">
      <ul class="setK clearfix">
        <li class="bt0"><a href="look.html">1</a></li>
        <li class="bt0"><a href="">2</a></li>
        <li class="bt0"><a href="">3</a></li>
        <li class="bt0"><a href="">4</a></li>
        <li class="bt0"><a href="">5</a></li>
        <li><a href="">6</a></li>
        <li><a href="">7</a></li>
        <li class="active"><a href="">8</a></li>
        <li><a href="">9</a></li>
        <li><a href="">10</a></li>
        <li><a href="">11</a></li>
        <li><a href="">12</a></li>
        <li><a href="">13</a></li>
        <li><a href="">14</a></li>
        <li><a href="">15</a></li>
      </ul>
    </div>
    <a href="" class="close"><i class="iconfont icon-close"></i></a>
    <div class="mask"></div>
  </div>
  <a class="back-to-top" href="javascript: void(0);"></a>
  <script src="js/jquery-2.1.0.js"></script>

  <script>
    $(".set-btn").click(function (e) {
      $(".m-dalog").show();
      $("body,html").css({
        "height": "100%",
        "overflow": "hidden"
      });
    });
    $(".close").click(function () {
      $(".m-dalog").hide();
      $("body,html").css({
        "height": "atuo",
        "overflow": "atuo"
      });
    });
    $(".mask").click(function () {
      $(".m-dalog").hide();
      $("body,html").css({
        "height": "atuo",
        "overflow": "atuo"
      });
    });
    /*返回顶部*/
    $(window).scroll(function () {
      if ($(document).scrollTop() > 800) {
        $(".back-to-top").addClass('show');
      } else {
        $(".back-to-top").removeClass("show");
      }
    });
    $(".back-to-top").bind("click", function () {
      var winTop = $(window).scrollTop();
      $('body,html').animate({
        scrollTop: 0
      }, winTop / 6);
    });
  </script>
</body>

</html>